<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery1.42.min.js"></script>
    <link rel="stylesheet" href="css/lrtk.css">
    <script src="js/jquery.SuperSlide.2.1.1.source.js"></script>
    <script src="js/bxCarousel.js"></script>
    <script src="js/scrolltopcontrol.js"></script>
</head>
<body>
<div class="head">
    <div class="top">
        <div class="main">
            <span class="left">您好，欢迎光临深圳市临鹏杨三维科技有限公司</span>
            <span class="right">客服热线：400-000-000</span>
        </div>
    </div>
    <div class="menu main">
        <div class="logo"><img src="images/logo.png" height="54" width="393"/></div>
        <ul>
            <li class="on"><a href="">首页</a></li>
            <li><a href="">产品中心</a></li>
            <li><a href="">解决方案</a></li>
            <li><a href="">新闻中心</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="bannar"><img src="images/about.jpg"/></div>
<div class="main product">
    <ul class="tab">
        <li class="on" onclick="settab(this,'pro1')">蜡质打印机</li>
        <li onclick="settab(this,'pro1')" >树脂打印机</li>
        <li onclick="settab(this,'pro1')" >三维扫描仪</li>
        <li onclick="settab(this,'pro2')" >3D打印材料</li>
        <li onclick="settab(this,'pro1')" >CNC数控机床</li>
        <li onclick="settab(this,'pro1')">电浆抛光机</li>
    </ul>
</div>
<div>
<div id="pro1" class="main">
    <ul class="product_tr">
        <li>系统</li>
        <li>用途</li>
        <li>特点</li>
        <li></li>
    </ul>
    <ul class="product_list">
        <li>
            <ul>
                <li><div class="thumb"><img src="images/thumb.jpg"/><div class="bg"></div><div class="title">标题标题标题标题标题标题标题标题</div></div></li>
                <li><div class="yongtu">
                    用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途</div></li>
                <li><div class="tedian">特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点</div></li>
                <li><div class="show"><a href="http://www.baidu.com">查看详细</a></div></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </li>
        <li>
            <ul>
                <li><div class="thumb"><img src="images/thumb.jpg"/><div class="bg"></div><div class="title">标题标题标题标题标题标题标题标题</div></div></li>
                <li><div class="yongtu">
                    用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途</div></li>
                <li><div class="tedian">特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点</div></li>
                <li><div class="show"><a href="http://www.baidu.com">查看详细</a></div></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </li>
        <li>
            <ul>
                <li><div class="thumb"><img src="images/thumb.jpg"/><div class="bg"></div><div class="title">标题标题标题标题标题标题标题标题</div></div></li>
                <li><div class="yongtu">
                    用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途</div></li>
                <li><div class="tedian">特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点</div></li>
                <li><div class="show"><a href="http://www.baidu.com">查看详细</a></div></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </li>
        <li>
            <ul>
                <li><div class="thumb"><img src="images/thumb.jpg"/><div class="bg"></div><div class="title">标题标题标题标题标题标题标题标题</div></div></li>
                <li><div class="yongtu">
                    用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途</div></li>
                <li><div class="tedian">特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点</div></li>
                <li><div class="show"><a href="http://www.baidu.com">查看详细</a></div></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </li>
        <li>
            <ul>
                <li><div class="thumb"><img src="images/thumb.jpg"/><div class="bg"></div><div class="title">标题标题标题标题标题标题标题标题</div></div></li>
                <li><div class="yongtu">
                    用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途用途</div></li>
                <li><div class="tedian">特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点特点</div></li>
                <li><div class="show"><a href="http://www.baidu.com">查看详细</a></div></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </li>
    </ul>
    <div style="clear: both"></div>
</div>
<div id="pro2" class="main" style="display: none">
    <div class="main product_type_list">
        <ul>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="thumb"><img src="images/pp1.jpg"/></div>
                    <div class="title">EC3000</div>
                    <div class="cate">3D打印材料</div>
                    <div class="info">
                        <p>密度（Density）: 0.97 g/cm3<br>可选颜色（Colors Available）: Opaque green</p>
                    </div>
                </a>
            </li>
        </ul>
        <div style="clear: both"></div>
    </div>

        <div style="clear: both"></div>
</div>
</div>
<div id="footer">
    <div class="footer">
        <div class="main">
            <ul>
                <li>首页</li>
                <li>产品中心
                    <ul>
                        <li><a href="">werwerwe</a></li>
                        <li><a href="">werwerwe</a></li>
                        <li><a href="">werwerwe</a></li>
                        <li><a href="">werwerwe</a></li>
                        <li><a href="">werwerwe</a></li>
                        <li><a href="">werwerwe</a></li>
                    </ul>
                </li>
                <li>解决方案</li>
                <li>新闻中心</li>
                <li>关于我们</li>
                <li>联系我们</li>
            </ul>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="contact">
        <div class="main">
            <div class="info left">
                <p>
                    版权所有：深证市鹏杨三维科技有限公司<br>
                    地址：深圳市罗湖区翠竹街道翠竹北路C 33+创新产业园7楼<br>
                    传真：0755-22350551Copyright©2018<br>
                    粤ICP备09022840号
                </p>
            </div>
            <div class="tel left">
                <p class="info1">销售热线</p>
                <p class="info2">400-8700-990</p>
                <p class="info3"><a href="">在线咨询</a></p>
            </div>

            <div class="qrcode right">
                <p style="margin-bottom: 20px;">官方微信</p>
                <p><img src="images/qrcode.jpg" height="100" width="100"/></p>
            </div>
            <div style="clear: both"></div>

        </div>
    </div>
    <div class="links">
        <div class="main">
            <div>
                <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
                <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
                <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
                <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
                <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            </div>

        </div>

    </div>
</div>
<script>
    $(".info").click(function () {
        if($(this).hasClass("on")){
            $(this).removeClass("on");
        }else{
            $(this).addClass("on");
        }
        $(this).next("div").toggle(50,function () {

        });
    })
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
</script>

</body>
</html>